<template>
	<div class="equipmentDetail">
		<el-table :data="pageData.items" style="width: 100%">
			<el-table-column prop="name" label="开始时间">
				<template slot-scope="scope">
					{{ scope.row.startDate }} <br />
					{{ scope.row.startWeekDay }}
				</template>
			</el-table-column>
			<el-table-column prop="name1" label="结束时间">
				<template slot-scope="scope">
					{{ scope.row.endDate }} <br />
					{{ scope.row.endWeekDay }}
				</template>
			</el-table-column>
			<el-table-column prop="base" label="基地"></el-table-column>
			<el-table-column prop="baseLocation" label="基地位置"></el-table-column>
			<el-table-column prop="name" label="联系人"></el-table-column>
			<el-table-column prop="phone" label="联系号码"></el-table-column>
			<el-table-column prop="content" label="管理内容"></el-table-column>
			<el-table-column prop="remark" label="说明"></el-table-column>
			<el-table-column label="任务状态" prop="state">
				<template slot-scope="scope">
					{{ scope.row.state }}
				</template>
			</el-table-column>
		</el-table>
		<pagina-tion :totalNum="pageData.totalNum" @paginaClick="paginaClick"></pagina-tion>
	</div>
</template>

<script>
	export default {
		data() {
			return {
				tableData: [],
				companyId: '',
				pageData: '',
				queryData:{
					page: 1,
					pageSize: $globalData.pageSize,
					teamId: ''
				}
			}
		},
		mounted() {
			this.companyId = this.$store.state.company.companyId
			// this.getPageData()
		},
		methods:{
			getPageData(){
				// 根据服务队ID获取任务列表
				this.$request.postForm(this.$api.getTasksByTeamId, this.queryData).then(res=>{
					if(res.code == 200){
						this.pageData = res.data
					}
				})
			},
			paginaClick(val){
				this.queryData.page = val
				this.getPageData()
			},
		}
	}
</script>

<style scoped="scoped">
	.equipmentDetail>>>.demo-table-expand {
	    font-size: 0;
	  }
	  .equipmentDetail>>>.demo-table-expand label {
	    width: 90px;
		/* text-align: right; */
	    color: #A2A5A8;
		font-size: 12px;
		
	  }
	  .equipmentDetail>>>.demo-table-expand .el-form-item__content span {
	    /* width: 90px; */
	    color: #A2A5A8;
		font-size: 12px;
	  }
	  .equipmentDetail>>>.demo-table-expand .el-form-item {
	    margin-right: 0;
	    margin-bottom: 0;
	    width: 50%;
	  }
</style>
